<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HUAWEI nova3</title>
		<link rel="Shortcut icon" href="logo.ico" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="commonCss/header.css" />
		<link rel="stylesheet" href="commonCss/footer.css" />
		<link rel="stylesheet" href="commonCss/hungBar.css" />
		<link rel="stylesheet" href="css/HUAWEI nova3.css" />
		<script type="text/javascript" src="js/jquery.js" ></script>
		<script type="text/javascript" src="js/HUAWEIArr.js" ></script>
		<script type="text/javascript" src="js/HUAWEInove3.js" ></script>
	</head>
	<body>
		<div class="header"></div>
		
		<div class="hr10"></div>
		
		<div class="c">
			<div class="navTopArea">
				<a href="index.html">首页</a>
				&nbsp;>&nbsp;
				<a href="goodsList.html">手机</a>
				&nbsp;>&nbsp;
				<a href="#">HUAWEI nova系列</a>
				&nbsp;>&nbsp;
				HUAWEI nova 3 6GB+128GB 全网通版
			</div>
		</div>
		
		<div class="hr10"></div>
		
		<div class="product c">
			<div class="left l">
				<div class="productImg">
					<img src="img/product/proRed01.jpg" />
					<div class="bigImg">
						<img src="img/product/proRed01.jpg" />
					</div>
					<div class="square"></div>
				</div>
				<div class="productImgNav">
					<a class="back"></a>
					<div class="lunboBox">
						<ul></ul>
					</div>
					<a class="forwaord"></a>
				</div>
			</div>
			<div class="right r">
				<div class="intro">
					<div class="proTop">
						<h1 id="proName">HUAWEI nova 3 6GB+128GB 全网通版（相思红）</h1>
						<div class="slogon">易烊千玺代言，2400万海报级自拍，GPU Turbo 稳定高帧率游戏体验，6.3英寸全面屏3D炫彩机身</div>
					</div>
					
					<div class="proInfo">
						<div class="proInfoList h30">
							<label>价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</label>
							<div class="priceInfo">
								<em>¥</em>
								2799.00
							</div>
						</div>
						<div class="proInfoList h30">
							<label>优&nbsp;&nbsp;惠&nbsp;&nbsp;券</label>
							<div class="proQInfo">
								<img src="img/icon/quan.png" />
								立即领取>
							</div>
						</div>
						<div class="proInfoList h100">
							<label>促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</label>
							<div class="l">
								<div class="promItem">
									<em class="tag">购机赠券</em>
									购机赠送畅享9 50元优惠券
								</div>
								<div class="promItem">
									<em class="tag">分期免息</em>
									花呗、掌上生活、农行分期支付可享免息
								</div>
								<div class="promItem">
									<em class="tag">赠送积分</em>
									购买即赠商城积分，积分可抵现~
								</div>
							</div>
							
						</div>
					</div>
					
					<div class="hr20"></div>
					<div class="proService h70">
						<label>服务说明</label>
						<div class="l relative">
							<div class="productPulldownMain l">
								<div class="l" id="address">
									<a>广东&nbsp;>&nbsp;湛江&nbsp;>&nbsp;赤坎区</a>
								</div>
								<div class="downDetial">
									<p>选择新地址</p>
									<table>
										<tr>
											<td>请选择</td>
											<td>请选择</td>
											<td>请选择</td>
										</tr>
										<tr>
											<td>北京</td>
											<td>上海</td>
											<td>广州</td>
											<td>深圳</td>
										</tr>
										<tr>
											<td>湛江</td>
											<td>梅州</td>
											<td>茂名</td>
											<td>千玺</td>
										</tr>
									</table>
								</div>
							</div>
							<div class="red l">现货</div>
							，今天23:59前付款，预计1月19日（明天）送达
							<p>已满48元已免运费<em></em>
								由华为商城负责发货，并提供售后服务
							</p>
						</div>
					</div>
					
					<div class="proInfoList h30">
						<label>商品编号</label>
						<div class="l">2601010048807</div>
					</div>
					<div class="line"></div>
					
					<div class="hr20"></div>
					<div class="chooseBox">
						<div class="proInfoList choosePic">
							<label>选择颜色</label>
							<div class="chooseDetail">
								<ul>
									<li>
										<a class="current">
											<img src="img/product/proRed01.jpg" />
											<p>
												<span>相思红</span>
											</p>
										</a>
									</li>
									<li>
										<a>
											<img src="img/product/proGolden01.jpg" />
											<p>
												<span>樱草金</span>
											</p>
										</a>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="proInfoList h30 chooseBb">
							<label>选择版本</label>
							<div class="chooseDetail">
								<ul>
									<li>
										<a class="current">
											全网通 6GB+128GB
										</a>
									</li>
									<li>
										<a>
											星耀版 6GB+128GB
										</a>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="proInfoList h30">
							<label>选择套餐</label>
							<div class="chooseDetail">
								<ul>
									<li>
										<a class="current">
											官方标配
										</a>
									</li>
								</ul>
							</div>
						</div>
						
						<div class="proInfoList h30">
							<label>保障服务</label>
							<div class="l relative">
								<div class="productPulldownMain l service01">
									<div class="l">
										<a>延长服务宝1年</a>
									</div>
								</div>
								<div class="productPulldownMain l service01">
									<div class="l">
										<a>碎屏(含后盖)服务宝1年&nbsp;￥169</a>
									</div>
								</div>
							</div>
						</div>
						<div class="proInfoList h30">
							<label>分期免息</label>
							<div class="l relative">
								<div class="productPulldownMain l service01">
									<div class="l">
										<a>花呗分期</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="recommend h30">
							<label>推&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;荐</label>
							<div class="l relative">
								<div class="recommendDetail l">
									<ul>
										<li>
											<a>
												全景相机酷玩版
											</a>
										</li>
										<li>
											<a>
											HUAWEI nova 3i
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					
					<p class="h30">
						<label>已选择商品:</label>
						<span class="red">相思红 / 全网通 6GB+128GB / 官方标配</span>
					</p>
					
					<div class="proOperation">
						<div class="proStock">
							<input type="text" placeholder="1" value="1" id="proStockText" />
							<p class="proStockBtn">
								<a id="add">+</a>
								<a id="sub">-</a>
							</p>							
						</div>
						<div class="proBtn l">
							<a class="proBtn01">加入购物车</a>
							<a class="proBtn02">立即下单</a>
						</div>
					</div>
					
				</div>
			</div>
		</div>

		<div class="hr20"></div>
		<div class="line"></div>
		
		<div class="proTab" id="nav">
			<div class="c relative">
				<p>
					<a href="#intro" class="red">
						商品详情
						<em></em>
					</a>
					<a href="#canShu">
						规格参数
						<em></em>
					</a>
					<a href="#service">
						包装与售后
						<em></em>
					</a>
					<a href="#comments">
						用户评价(24443)
						<em></em>
					</a>
					<a class="proBtn02 r">加入购物车</a>
				</p>
				
			</div>
		</div>
		
		<div id="intro" class="t introImg"></div>
		<div id="canShu" class="t introImg">
			<img src="img/product/canShu01.png" />
			<img src="img/product/canShu02.png" />
		</div>
		<div id="service" class="t introImg">
			<img src="img/product/service01.png" />
			<img src="img/product/service02.png" />
		</div>
		<div id="comments" class="t introImg">
			<img src="img/product/comments01.png" />
			<img src="img/product/comments02.png" />
			<img src="img/product/comments03.png" />
		</div>
		
		<div id="hungBar"></div>
		<footer></footer>
		<script>
			$('.header').load("commonHtml/header.html");
			$('#hungBar').load("commonHtml/hungBar.html")
			$('footer').load("commonHtml/footer.html");
		</script>
	</body>
</html>
